HTMLify
index.html
Views: 415 | Author: cody
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | <!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <title>CodePen - Crash Loader</title> <link rel="stylesheet" href="./style.css"> </head> <body> <!-- partial:index.partial.html --> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 50 600 450" opacity="0"> <line x1="150" x2="450" y1="300" y2="300" fill="none" stroke="#333" stroke-width="48" stroke-linecap="round"/> <line x1="150" x2="450" y1="300" y2="300" fill="none" stroke="#222" stroke-width="30" stroke-linecap="round"/> <path stroke-dashoffset="833" stroke-dasharray="834 834" stroke-linecap="round" fill="none" fill-rule="evenodd" stroke="#8ADB2C" stroke-width="18" d="M150,300c0,0,138,0,198,0c112,0,66-122,15-165c-43.9-37-92-10-79,33c7.7,25.5,51.6,47.6,99,36c139-34,67,96,67,96" /> <text fill="#FFF" transform="translate(145.615 266.265)" font-family="sans-serif" font-size="31"> loading... </text> <polygon fill="#FFA06C" points="434 278 424 205 459 286 498 234 479 298 538 275 484 320 542 349 462 335 462 394 439 318 372 356 427 299 372 260" /> <polygon fill="#FFE45F" points="414 252 440 299 497 233 479 287 529 283 498 315 539 334 476 329 503 382 448 329 432 382 426 317 372 333 420 299" /> <polygon fill="#FFF" points="434.1 303.9 428.3 261.2 451.7 290.5 457.6 265.4 468.5 296.4 528 252 481.9 303.9 517.1 312.3 469.3 316.5 509.6 341.6 462.6 336.6 458.4 376 443.3 319.8 417.4 357.6 426.6 314 383 298.9" /> </svg> <!-- partial --> <script src='https://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.1/TweenMax.min.js'></script><script src="./script.js"></script> </body> </html> |